<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="en" />
    <meta name="robots" content="all,follow" />
    <meta name="author" lang="en" content="All: ... [www.url.com]; e-mail: info@url.com" />
    <meta name="copyright" lang="en" content="Webdesign: Nuvio [www.nuvio.cz]; e-mail: ahoj@nuvio.cz" />
    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]-->
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
    <title>Simplify</title>
</head>

<body>

<div id="main">

    <!-- Header -->
    <div id="header" class="box">

        <p id="logo"><a href="./" title="Your Company [Go to homepage]"><img src="design/logo.gif" alt="Logo" /></a></p>

        <hr class="noscreen" />

        <!-- Navigation -->
        <p id="nav">
            <strong>Home</strong> <span>|</span>
            <a href="#">About</a> <span>|</span>
            <a href="#">Portfolio</a> <span>|</span>
            <a href="#">Testimonials</a> <span>|</span>
            <a href="#">Contact</a>
        </p>

    </div> <!-- /header -->

    <hr class="noscreen" />

    <h1 id="title">Lorem ipsum dolor sit amet</h1>

    <!-- Sub-navigation -->
    <p id="subnav">
        <strong>Lorem ipsum</strong> <span>|</span>
        <a href="#">Lorem ipsum</a> <span>|</span>
        <a href="#">Lorem ipsum</a> <span>|</span>
        <a href="#">Lorem ipsum</a> <span>|</span>
        <a href="#">Lorem ipsum</a> <span>|</span>
        <a href="#">Lorem ipsum</a>
    </p>

    <!-- Three columns -->
    <div class="content box">
    
        <div class="content-in box">

            <!-- Perex -->
            <div class="perex">

                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec egestas, quam ac fringilla tempor, fes liber.
                Nunc eleifend placerat sapien in commodo. Nullam ornare fringilla purus eget faucibus nulla dapibus nec. varius in
                sapien.</p>

            </div> <!-- /perex -->

            <p><img src="tmp/image.jpg" alt="" class="f-right" />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nibh dui, adipiscing eu dapibus molestie id leo.
            Nulla facilisi. Vivamus rhoncus mi purus. Quisque a ultrices felis. Integer vitae ultrices sapiene. Donec rutrum metus
            a leo pulvinar gravida. Nulla aliquam magna eu metus venenatis ac vestibulumes ante porttitor. Morbi eu porttitor tortor.
            Nullam eu ipsum ipsum, eget cursus risus. <a href="#">Aliquam mollis</a> ets lacus at magna bibendum euismodest. Pellentesque vitae risus sapien.
            Proin aliquet tempor turpistei quis egestas. Nam justo leo, tristique vitae porta et, euismod eu augue. Mauris congue sapien
            blandi neque <a href="#">commodo pulvinar</a>. Nam eleifend erat vel nisi viverra lobortis. Aenean nibh diam, suscipit atmel bibendum non,
            ultrices vitae dolor. Mauris hendrerit tristique dolor, vel auctor nisl feugiat vitae. Nullam hendrerit sapien nec quam
            adipiscing blandit. Maecenas vulputate tincidunt ullamcorper. Donec ac sem non urna ullamcorper consequat.</p>

            <h2>Ordered Lists</h2>

            <ul>
                <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                <li>Lorem ipsum dolor sit amet consectetur adipiscing elit
                    <ul>
                        <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                        <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                        <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                        <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                        <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                    </ul>
                </li>
                <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
            </ul>

            <h2>Photogallery</h2>

            <div class="box-01 t-center box">

                <p class="nom">
                    <img src="tmp/image-02.jpg" alt="" />
                    <img src="tmp/image-02.jpg" alt="" />
                    <img src="tmp/image-02.jpg" alt="" />
                    <img src="tmp/image-02.jpg" alt="" />
                    <img src="tmp/image-02.jpg" alt="" />
                </p>

            </div> <!-- /box-01 -->

            <h2>Tables</h2>

            <table>
                <tr>
                    <th>Lorem ipsum amet</th>
                    <th>Lorem ipsum amet</th>
                    <th>Lorem ipsum amet</th>
                    <th>Lorem ipsum amet</th>
                </tr>
                <tr class="odd">
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
                <tr>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
                <tr class="odd">
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
                <tr>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
                <tr class="odd">
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
                <tr>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
            </table>

            <h2>Floating</h2>

            <p><img src="tmp/image.jpg" alt="" class="f-left" />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nibh dui, adipiscing eu dapibus molestie id leo.
            Nulla facilisi. Vivamus rhoncus mi purus. Quisque a ultrices felis. Integer vitae ultrices sapiene. Donec rutrum metus
            a leo pulvinar gravida. Nulla aliquam magna eu metus venenatis ac vestibulumes ante porttitor. Morbi eu porttitor tortor.
            Nullam eu ipsum ipsum, eget cursus risus. <a href="#">Aliquam mollis</a> ets lacus at magna bibendum euismodest. Pellentesque vitae risus sapien.
            Proin aliquet tempor turpistei quis egestas. Nam justo leo, tristique vitae porta et, euismod eu augue. Mauris congue sapien
            blandi neque <a href="#">commodo pulvinar</a>. Nam eleifend erat vel nisi viverra lobortis. Aenean nibh diam, suscipit atmel bibendum non,
            ultrices vitae dolor. Mauris hendrerit tristique dolor, vel auctor nisl feugiat vitae. Nullam hendrerit sapien nec quam
            adipiscing blandit. Maecenas vulputate tincidunt ullamcorper.</p>

            <h2>Forms</h2>

            <form action="#" method="post">
            <div class="box-01">

                <p class="nomt"><strong>Your Name:</strong><br />
                <input type="text" size="65" class="input" /></p>

                <p><strong>Your E-mail:</strong><br />
                <input type="text" size="65" class="input" /></p>

                <p>Your Telephone Number:<br />
                <input type="text" size="65" class="input" /></p>

                <p><strong>Your Message:</strong><br />
                <textarea cols="95" rows="10" class="input" style="width:550px; height:150px;"></textarea></p>

                <p class="nomb"><input type="submit" value="Send message" class="input-submit" /></p>

            </div> <!-- /box-01 -->
            </form>

            <h2>Definition Lists</h2>

            <dl>
                <dt>Lorem ipsum dolor sit amet</dt>
                <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nibh dui, adipiscing eu dapibus molestie id leo. Nulla facilisi. Vivamus rhoncus mi purus. Quisque a ultrices felis. Integer vitae ultrices sapiene. Donec rutrum metus a leo pulvinar gravida. Nulla aliquam magna eu metus venenatis ac vestibulumes ante porttitor. Morbi eu porttitor tortor. Nullam eu ipsum ipsum, eget cursus risus. Aliquam mollis ets lacus atel magna bibendum euismodest. Pellentesque vitaemi risus sapien. Proin aliquet tempor turpistei quis egestas. Nam justo leo.</dd>

                <dt>Lorem ipsum dolor sit amet</dt>
                <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nibh dui, adipiscing eu dapibus molestie id leo. Nulla facilisi. Vivamus rhoncus mi purus. Quisque a ultrices felis. Integer vitae ultrices sapiene. Donec rutrum metus a leo pulvinar gravida. Nulla aliquam magna eu metus venenatis ac vestibulumes ante porttitor. Morbi eu porttitor tortor. Nullam eu ipsum ipsum, eget cursus risus. Aliquam mollis ets lacus atel magna bibendum euismodest. Pellentesque vitaemi risus sapien. Proin aliquet tempor turpistei quis egestas. Nam justo leo.</dd>

                <dt>Lorem ipsum dolor sit amet</dt>
                <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nibh dui, adipiscing eu dapibus molestie id leo. Nulla facilisi. Vivamus rhoncus mi purus. Quisque a ultrices felis. Integer vitae ultrices sapiene. Donec rutrum metus a leo pulvinar gravida. Nulla aliquam magna eu metus venenatis ac vestibulumes ante porttitor. Morbi eu porttitor tortor. Nullam eu ipsum ipsum, eget cursus risus. Aliquam mollis ets lacus atel magna bibendum euismodest. Pellentesque vitaemi risus sapien. Proin aliquet tempor turpistei quis egestas. Nam justo leo.</dd>
            </dl>

            <h2>2 columns</h2>

            <div class="col50">

                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed adipiscing eu dapibus molestie id leo.
                Nulla facilisi. Vivamus rhoncus mi purus est. Quisque a ultrices felis. Integer vitae ultrices sapiene. Donec rutrum imi metus
                a leo pulvinar gravida. Nulla aliquam magna eu metus venenatisie ac vestibulumes ante porttitor. Morbi eu porttitor tortor.
                Nullam eu ipsum ipsum, eget cursus risus. <a href="#">Aliquam mollis</a> ets lacus at magna bibendum euismodest. Pellentesque vitae risus sapien.
                Proin aliquet tempor quesi turpistei quis egestas. Nam justo leo, tristique vitae porta et, euismodu augue. Mauris congue sapien
                blandi neque <a href="#">commodo pulvinar</a>.</p>

            </div> <!-- /col50 -->

            <div class="col50 f-right">

                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed adipiscing eu dapibus molestie id leo.
                Nulla facilisi. Vivamus rhoncus mi purus est. Quisque a ultrices felis. Integer vitae ultrices sapiene. Donec rutrum imi metus
                a leo pulvinar gravida. Nulla aliquam magna eu metus venenatisie ac vestibulumes ante porttitor. Morbi eu porttitor tortor.
                Nullam eu ipsum ipsum, eget cursus risus. <a href="#">Aliquam mollis</a> ets lacus at magna bibendum euismodest. Pellentesque vitae risus sapien.
                Proin aliquet tempor quesi turpistei quis egestas. Nam justo leo, tristique vitae porta et, euismodu augue. Mauris congue sapien
                blandi neque <a href="#">commodo pulvinar</a>.</p>

            </div> <!-- /col50 -->

            <div class="fix"></div>

        </div> <!-- /content-in -->
        
        <div class="content-bottom"></div>

    </div> <!-- /content -->

    <!-- Footer -->
    <div id="footer" class="box">

        <!-- DON´T REMOVE THIS LINE -->
        <p class="f-right"><a href="http://www.nuviotemplates.com/">Free web templates</a> by <a href="http://www.qartin.cz/">Qartin</a>, sponsored by: <a href="http://www.grily-krby.cz/">Grily</a></p>

        <p class="f-left">&copy;&nbsp;2009 <a href="#">Your Company Inc.</a></p>

    </div> <!-- /footer -->

</div> <!-- /main -->

</body>
</html>